<style>
    .marquee-content {
        margin: 0;
        padding: 30px;
    }

    .marquee {
        width: 1000px;
        overflow: hidden;
        margin: 15px 0;
    }

    .marquee-horizontal {
        white-space: nowrap;
    }

    .marquee-horizontal .marquee-content,
    .marquee-horizontal .marquee-wrapper {
        display: inline-block;
    }
</style>

<script type="text/javascript" charset="utf-8">
    bind_method(document, "keydown", goRoot);
    bind_method(window, "load", function () {
        var message = {
            "jQuery版本": $.fn.jquery,
            "机顶盒型号": Authentication.CTCGetConfig("STBType"),
            "Rails session": (<%= session.to_h.to_json.html_safe %>),
            "Rails里的cookie": <%= cookies.to_h.to_json.html_safe %>,
            "Web cookie": Cookies.get(),
        };
        document.getElementById("message").innerHTML = JSON.stringify(message);
    });

    $(function(){
        $("#text").marquee().trigger("forward");
    })
</script>

<div
  class="marquee marquee-horizontal"
  data-speed="100"
  data-direction="horizontal"
  id="text"
>
  <div class="marquee-wrapper">
    <div class="marquee-content">
      Updates: Update (8 Mar 2016): Now plugin have new option: startVisible
      The marquee will be visible in the start if set to true. Thanks to
      @nuke-ellington 👍 Update (24 Jan 2014):
    </div>
  </div>
</div>
<h1 id="message"></h1>
